<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!--引用方式：<th:block th:include='common::css_script'></th:block> -->
<!--公共引用头部-->
<head th:fragment="css_script">
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap-theme.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/grid.css}"/>


    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/page.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>

    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.js}"></script>
    <script type="text/javascript" th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>

    <script type="text/javascript" th:src="@{/js/public.js}"></script>
    <script type="text/javascript" th:src="@{/js/page.js}"></script>
    <script th:inline="javascript">
        var basePath = [[@{/}]];
    </script>
</head>

<!--分页组件-->
<div th:fragment="page_navigation">
    <nav class="page_navigation" aria-label="Page navigation" th:data-pageNum="${page.pageNum}"
         th:data-pageSize="${page.pageSize}" th:data-totalNum="${page.totalNum}" th:data-totalPage="${page.totalPage}">
        <ul class="pagination">
            <li>
                <a href="javascript:void(0)" class="Previous" aria-label="Previous">
                    <span aria-hidden="true">上一页</span>
                </a>
            </li>

            <li>
                <a href="javascript:void(0)" class="Next" aria-label="Next">
                    <span aria-hidden="true">下一页</span>
                </a>
            </li>
            <li>
                <input type="number" class="form-control" id="inputPageNum"/>
                <a href="javascript:void(0)" class="Jump" aria-label="Jump">
                    <span aria-hidden="true">跳转</span>
                </a>
                <label class="Message">第[[${page.pageNum+1}]]页，共[[${page.totalPage}]]页</label>
            </li>
        </ul>
    </nav>
</div>

</html>